﻿@model _17bangMVC.Models.UserModel
@{
    ViewBag.Title = "Index";
}
<style>
    .field-validation-error {
        color: red;
        font-size: 12px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

        .field-validation-error::before {
            content: '\f119';
        }
</style>

<h2><span class="fa fa-registered">注册</span></h2>
<hr />

<div class="container">
    <div class="row" style="padding-top:50px">
        <div class="col-5">
            @using (Html.BeginForm())
            {
                <div class="alert alert-warning" style="display:block;border: 1px dashed">
                    <a><span class="fa fa-question-circle">为什么需要邀请</span></a><br />
                    <label><b>邀请人：</b>（*必填，<a title="点击由系统推荐">没有邀请人</a>）</label>
                    @Html.TextBoxFor(m => m.InvitedByName, new
               {
                   @class = "form-control",
                   placeholder = "他的用户名，模糊查询只能从头开始"
               })
                    @Html.ValidationMessageFor(m => m.InvitedByName)

                    <br />
                    <label><b>邀请码：（*必填）</b></label>
                    @Html.TextBoxFor(m => m.InvitedByCode, new
               {
                   @class = "form-control",
                   placeholder = "4位数字"
               })
                    @Html.ValidationMessageFor(m => m.InvitedByCode)

                </div>
                <br />
                <label><b>用户名：（*必填）</b></label>
                @Html.TextBoxFor(m => m.Name, new
           {
               @class = "form-control",
               placeholder = "小九"
           });
                @Html.ValidationMessageFor(m => m.Name)

                <br />
                <label><b>密码：（*必填）</b></label>
                @Html.PasswordFor(m => m.Password, new
           {
               @class = "form-control",
               placeholder = "******"
           });
                @Html.ValidationMessageFor(m => m.Password)

                <br />
                <label><b>验证密码：（*必填）</b></label>
                @Html.PasswordFor(m => m.VerifyPassword, new
           {
               @class = "form-control",
               placeholder = "和密码相同"
           });
                @Html.ValidationMessageFor(m => m.VerifyPassword)

                <br />
                <label><b>验证码：（*必填）</b></label>
                @Html.TextBoxFor(m => m.Code, new
           {
               @class = "form-control",
           });
                <img src="~/Captcha/Get" />
                <span>点击输入框显示</span>
                @Html.ValidationMessageFor(m => m.Code)

                <br />
                <button type="submit" class="btn btn-primary">提交</button>
                <button type="reset" class="btn btn-light">重置</button>
                <a href="/Log/On"><span class="fa fa-sign-in" style="padding-left:280px"></span>登录</a>
            }
        </div>
        <div class="col-7" style="padding:0px 50px 0px 50px">
            <div class="container">
                <h4><span class="fa fa-question-circle">说明</span></h4>
                <ol>
                    <li>我们通过<a href="https://17bang.ren/About/Us">一起帮</a>，能<b>直接解决</b>大家在电脑操作/软件使用/编程学习等方面的<b>具体问题</b>。</li>
                    <li>现在互联网远程技术（比如QQ桌面共享）已经非常成熟，当我们再遇到上述问题，如果别人能直接远程给予帮助，岂不是好？</li>
                    <li>当然，你也可以在你熟悉的领域去帮助别人。由此而形成我们这个“你帮他他帮我我帮你，大家一起帮”的网上互助社区平台。</li>
                    <li>公平起见，我们还引入了 帮帮点/币/豆 三级概念，以记录和衡量社区成员的收获和贡献。</li>
                    <li>赶快加入我们，赚取帮帮币吧！</li>
                    <li><a href="https://17bang.ren/About/Us">了解更多</a></li>
                </ol>
            </div>
        </div>
    </div>
</div>